<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片懒加载</title>
    <% include include/link %>
</head>
<body>
<div class="container-fluid widget-stage">
    <h1 class="widget-stage-title">Douyou8UI 项目通用组件库</h1>
    <p class="widget-stage-desc">项目中应当抽取公共的部分以及较为复杂的部分作为组件，方便复用。其中按钮，对话框，遮罩层，下拉菜单，选项卡和文本输入6个组件因为每个项目中都基本会使用到，因此已经由框架预先实现。</p>
    <section class="widget-item">
        <div class="widget-item-title"></div>
        <div class="widget-item-cnt">
            <% for(var i=0; i<30; i++){ %>
            <p>
                <img data-original="http://t2.27270.com/uploads/tu/20150410/5doj4tgeevi.jpg" alt="图片" />
            </p>
            <br />
            <% } %>
        </div>
    </section>
</div>
<% include include/footer %>
<script src="https://cdn.bootcss.com/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
<script>
$('[data-original]').lazyload({
    threshold: 200,
    effect: 'fadeIn'
});
</script>
</body>
</html>